<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 登录</title>
    <meta name="keywords" content="">

    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link th:href="@{static/css/bootstrap.min.css}" href="../static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link th:href="@{static/css/font-awesome.css}" href="../static/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link th:href="@{static/css/animate.css}" href="../static/css/animate.css" rel="stylesheet">
    <link th:href="@{static/css/style.css}" href="../static/css/style.css?v=4.1.0" rel="stylesheet">
    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
    <script>if (window.top !== window.self) {
        window.top.location = window.location;
    }</script>
</head>

<body class="gray-bg">
<div class="middle-box text-center loginscreen  animated fadeInDown">
    <div>
        <div>
            <img alt="image" class="img-circle circle-border" th:src="@{static/image/a3.jpg}" src="../static/image/a3.jpg">
        </div>
        <h3>欢迎使用设备管理系统</h3>
        <p style="color: red" th:text="${msg}"></p>
        <form class="m-t" role="form" th:action="@{/loginIn}" action="home.html" method="post">
            <div class="form-group">
                <input type="text" value="" class="form-control" placeholder="用户名" name="username">
            </div>
            <div class="form-group">
                <input type="password" value="" class="form-control" placeholder="密码" name="password">
            </div>
            <div class="form-group" >
                <input type="text" name="verify" placeholder="请输入验证码" id="yzm" style="width: 180px;height: 30px "/>
                <img th:src="@{/kaptcha.jpg}" src="/kaptcha.jpg" onclick="image(this);"
                class="verify_image">
            </div>
            <button type="submit" class="btn btn-primary block full-width m-b">登 录</button>
        </form>
        <form class="m-t" role="form" th:action="@{/register}" action="register.html" method="post">
            <button type="submit" class="btn btn-primary block full-width m-b">注 册</button>
<!--            <p class="text-muted text-center">-->
<!--                <a th:href="@{/400}" href = "400.html">-->
<!--                    <small>忘记密码了?</small>-->
<!--                </a>-->
<!--            </p>-->
        </form>
    </div>
</div>
<!-- 全局js -->
<script th:src="@{static/js/jquery.min.js}" src="../static/js/jquery.min.js?v=2.1.4"></script>
<script th:src="@{static/js/bootstrap.min.js}" src="../static/js/bootstrap.min.js?v=3.3.6"></script>
<script th:src="@{static/js/login.js}" src="../static/js/login.js"></script>


</body>

</html>
